@charset "utf-8";

html,body {
	min-width: 1200px;
}

/* SY-SettingBar */
.SY-SettingBar .secondMenu li .num {
	top:15px;
	padding:0 4px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #e45c5c;
	border-radius: 20px;
}
.SY-SettingBar .secondMenu li.all .num {
	left: 58px;
}
.SY-SettingBar .secondMenu li.follow .num {
	left: 58px;
}
.SY-SettingBar .secondMenu li.comment .num {
	left: 58px;
}
.SY-SettingBar .secondMenu li.like .num {
	left: 43px;
}
.SY-SettingBar .secondMenu li.official .num {
	left: 82px;
}

/* SY-setContent */
.SY-content .SY-setContent {
	height: 100%;
	padding-left: 80px;
}
.SY-content.spread .SY-setContent {
    padding-left: 200px;
}
.SY-setContent .SY-wrap {
	padding-top: 70px;
}
.SY-setContent .noticeList {
	margin-bottom: 300px;
}
.SY-setContent .noticeList > div {
	width: 850px;
	margin:0 auto 20px;
	background: #fff;
}
.SY-setContent .noticeList .noChecked {
	height: 40px;
	padding:30px 0;
}
.SY-setContent .noChecked .textBox {
	height: 42px;
	line-height: 42px;
	margin-left: 45px;
	font-size: 16px;
	color: #333;
}
.SY-setContent .noChecked .textBox > span {
	width: 8px;
	height: 8px;
	background: #e45c5c;
}
.SY-setContent .noChecked .btnBox a {
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin-right: 40px;
	font-size: 13px;
	background:#f2f5f5;
}
.SY-setContent .noticeList .btnBox a:hover {
	background: #e5e5e5;
}
.SY-setContent .noticeList .item {
	height: 150px;
}
.SY-setContent .noticeList .item .msgBox {
	margin:40px 0 0 42px;
}
.SY-setContent .noticeList .item .pic {
	width: 70px;
	height: 70px; 
	margin-right: 26px;
}
.SY-setContent .noticeList .item .top {
	margin:8px 0 16px;
}
.SY-setContent .noticeList .item .nickName {	
	font-size: 16px;
	color: #333;
	max-width:180px; 
}
.SY-setContent .noticeList .item .time {
	font-size: 13px;
	color: #aeaeae;
	margin-left: 35px;
}
.SY-setContent .noticeList .item .bottom {
	font-size: 14px;
	color: #666;
}
.SY-setContent .noticeList .item .bottom span {
	max-width: 300px;
	color: #4893d3;
	margin-left: 6px;
	vertical-align: bottom;
}
.SY-setContent .noticeList .item .btnsBox {
	margin:55px 40px 0 0;
	overflow:hidden;
}
.SY-setContent .noticeList .item .btnsBox a {
	width:90px; 
	height: 40px;
	line-height: 40px;
	background: #f2f5f5;
}
.SY-setContent .noticeList .item .btnsBox .check {
	border-right: 1px solid #e5e5e5;
}
.SY-setContent .noticeList .item .btnsBox a:hover {
	background: #e5e5e5;
}
.SY-setContent .noticeList .page {
	background: #eef0f6;
	margin-top: 40px;
}
.SY-setContent .noticeList .emptyInfo,
.SY-setContent .noticeList .loading {
	background: #eef0f6;
	margin-top: 160px;
}
.SY-setContent .noticeList .emptyInfo {
	font-size: 14px;
	color: #ababab;
}
.SY-setContent .noticeList .emptyInfo.notice .icon {
	width: 111px;
	height: 105px;
	margin: 0 auto 15px;
    background-image: url(../img/icons/info.png);
    background-repeat: no-repeat;
    background-position: -222px -105px;
}
.SY-setContent .noticeList .loading {
	height: 135px;
	line-height: 135px;
	font-size: 18px;
	color: #ababab;
}